@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.center{ width:100%; margin:0 auto;}

.header{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:9px 0 5px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:30px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:14px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; font-size:14px; color:#666; outline:none; background:#f2f2f4;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/search.jpg) center center no-repeat #f2f2f4; background-size:auto 20px; border:none; outline:none;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:6px;}
.header_mobile1 .span1{ display:block; height:3px; background:#1d3982; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#1d3982; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#1d3982; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/* 本例子css */
.slideBox{ display:none;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.swiper-container .swiper-slide {
	text-align: center;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container .swiper-slide img{ display:block; width:100%;}
.swiper-container .swiper-pagination{ bottom:5%;}
.swiper-container .swiper-pagination-bullet{ background:#FFF; width:10px; height:10px; opacity:1; margin:0 6px !important;}
.swiper-container .swiper-pagination-bullet-active{ background:#0053bf; opacity:1;}

.index{ width:94%; margin:20px auto 0 auto; overflow:hidden;}
.index li{ float:left; width:100%; overflow:hidden; margin-right:0%;}
.index li:last-child{ margin-right:0;}
.index li a{ display:block; width:100%; overflow:hidden;}
.index li a img{ width:100%;}

.footer{ width:100%; overflow:hidden; margin-top:10px;}
.footer1{ width:94%; margin:0 auto; overflow:hidden; font-size:13px; color:#747474; text-align:center; line-height:24px; padding:10px 0;}

.content{ width:100%; overflow:hidden; background:url(../images/banner_c.jpg) repeat-x; background-size:auto 520px;}
.content_in{ width:100%; margin:0 auto; position:relative;}

.content_l{ float:left; width:250px; min-height:490px; background:url(../images/class_title1.jpg) no-repeat right 100px; background-size:240px auto; padding-top:30px; display:none;}
.content_l1{ display:block; float:right; width:190px; height:40px; line-height:40px; background:url(../images/class_title.jpg) left top no-repeat #1d3981; background-size:auto 20px; font-size:16px; color:#FFF;}

.content_r{ float:right; width:94%; min-height:0; background:#FFF; padding:0 3%;}
.content_r1{ width:100%; overflow:hidden; background:#e6e6e6; position:relative;}
.content_r2{ display:block; float:left; width:100%;}
.content_r3{ position:relative; float:left; bottom:0; right:0; width:90%; padding:0 5%; height:44px; line-height:44px; font-size:20px; color:#FFF; font-family:"Arial"; font-weight:bold; text-align:left;}
.content_r4{ width:100%; padding:20px 0; overflow:hidden; font-family:"宋体"; font-size:14px; line-height:30px; color:#153d6e; text-align:left;}

.pro_r1 .content_r2{ float:right;}
.pro_r1 .content_r3{ right:auto; left:0;}

.content_l2{ width:99%; border:1px solid #ededed; overflow:hidden; margin-top:500px;}
.content_l2_1{ width:90%; padding:0 5%; height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#235aad; background:url(../images/pro2.jpg) repeat-x; background-size:auto 40px; text-align:left;}
.content_l2_2{ width:90%; padding:10px 5%; overflow:hidden; font-size:14px; color:#333; text-align:left; line-height:30px;}

.pro{ width:100%; overflow:hidden;}
.pro li{ float:left; width:42.5%; overflow:hidden; margin-left:5%; margin-top:30px;}
.pro li a{ display:block; width:100%;}
.pro1{ display:block; width:100%;}
.pro2{ width:95%; height:24px; line-height:24px; font-size:14px; color:#1d3a80; text-align:left; padding-left:5%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:5px; background:url(../images/pro3.jpg) left center no-repeat; background-size:auto 14px;}

.page{ width:90%; padding:30px 5% 20px 5%; overflow:hidden; font-size:13px; color:#333; text-align:right;}
.page span{ color:#eb4827;}

.pro_nav{ position:absolute; width:90%; overflow:hidden; top:90px; right:0;}
.pro_nav li{ float:left; width:100%; overflow:hidden;}
.pro_nav li a{ display:block; float:left; width:88%; padding-left:12%; overflow:hidden; height:40px; line-height:40px; text-align:left; color:#333; font-size:14px; background:url(../images/pro4.jpg) 4% center no-repeat #e7e7e7; margin-top:5px; background-size:auto 12px;}

.proIn{ width:96%; margin:30px auto 0 auto; border:1px solid #e3e3e3; overflow:hidden;}
.proIn1{ width:100%; height:40px; background:url(../images/proIn2.jpg) repeat-x; background-size:auto 40px;}
.proIn2{ float:left; width:140px; height:45px; line-height:40px; color:#FFF; font-size:14px; background:url(../images/proIn1.jpg) no-repeat; background-size:auto 45px;}
.proIn3{ float:right; margin-right:3%; line-height:40px; font-size:13px; color:#333;}
.proIn4{ width:96%; margin:0 auto; overflow:hidden; font-size:16px; color:#333; line-height:30px; margin-top:10px;}
.proIn5{ width:96%; margin:0 auto; padding:10px 0 10px 0; text-align:left; font-size:14px; color:#333; line-height:24px;}
.proIn5 img{ display:block; margin:0 auto; max-width:80%;}

.pageIn{ width:96%; margin:0 auto; line-height:24px; padding:10px 0 20px 0; overflow:hidden;}
.pageIn1{ float:left; width:48%; text-align:right; font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pageIn2{ float:right; width:48%; text-align:left; font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pageIn a{ color:#333;}
.pageIn a:hover{ text-decoration:underline;}

}